<template>
    <el-menu
        class="el-menu-vertical-demo"
        router
        :collapse="!isshow"
        :collapse-transition="false"
    >
        <el-menu-item index="/">
            <el-icon><House /></el-icon>
            <span>首页</span>
        </el-menu-item>
        <el-sub-menu index="/manager">
            <template #title>
                <el-icon><location /></el-icon>
                <span>人员管理</span>
            </template>
            <el-menu-item index="/manager/managerlist">用户列表</el-menu-item>
            <el-menu-item index="/manager/adminlist">管理员列表</el-menu-item>
        </el-sub-menu>
        <el-sub-menu index="/banner">
            <template #title>
                <el-icon><location /></el-icon>
                <span>轮播图管理</span>
            </template>
            <el-menu-item index="/banner/bannerlist">轮播图列表</el-menu-item>
            <el-menu-item index="/banner/addbanner">添加轮播图</el-menu-item>
        </el-sub-menu>
    </el-menu>
</template>

<script>
import { Location, House } from "@element-plus/icons-vue";
export default {
    props: ["isshow"],
    components: {
        Location,
        House,
    },
};
</script>
